﻿html,body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#wrapper{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:lavender;
}
#logo{
	position:absolute;
	z-index:0;
	font-family:Klavika;
	font-size:7em;
	color:white;
	text-align:center;
	margin:0 auto;
	width:100%;
	top:37%;
	cursor:default;
}
a{
	text-decoration: none;
}
a:hover{
	color:white;
	background:skyblue;
}
#topbar{
	text-align:center;
}
#cp{
	float:right;
	font-size:small;
}
#info{
	background:ForestGreen;
	color:white;
}
#addmemo{
	display:none;
}
.form{
	text-align:center;
}
ul{
	margin:0;
	padding:0;
}
.handmemo,#addmemo{
list-style:none;
position:fixed;
_position:absolute;
width:200px;
height:240px;
top:50%;
left:50%;
cursor:default;
font-family:KaiTi;
color:gray;
text-align:center;
overflow-y:visible;

/* hack for ie */
background: aliceblue;

/* sane web browsers */
-moz-box-shadow:1px 3px 12px #bbb;
-webkit-box-shadow:1px 3px 12px #bbb;
box-shadow:1px 3px 12px #bbb;

/* gte ie8 */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)"; 

/* lte ie7 */ 
*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6);
}
.handmemo .bar,#addmemo .bar{
	height:30px;
	width:100%;
}
.handmemo .bar .time{
	font-size:xx-small;
	width:160px;
}
.handmemo .bar .addspan,.handmemo .bar .deletespan,#addmemo .bar .addspan,#addmemo .bar .deletespan{
	display:none;
	border:1px solid white;
	cursor:pointer;
}
.handmemo .bar .addspan,#addmemo .bar .addspan{
	float:left;
}
.handmemo .bar .adddelete,#addmemo .bar .adddelete{
	float:right;
}
.handmemo .updatebutton,.handmemo .deletebutton,#addmemo .addbutton{
	display:none;
}
.handmemo .updateform .memo,#addmemo #addform .memo{
	width:190px;
	height:200px;
	border:none;
	background:aliceblue;
	resize:none;
	overflow:auto;
}
.handmemo .updateform .memo:focus,#addmemo #addform .memo:focus{
	outline:none;
}
.handmemo p{
	width:100%;
	border-bottom:1px dashed lightgray;
}
#more{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
}